<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="stylesheet" href="../css/common.css">
     <script src="../utils/flexible.js"></script> 
    <link rel="stylesheet" href="../css/index.css">
    <link rel="icon" href="../images/facicon.ico" type="image/x-icon" />
</head>
<style>
 
</style>
<!-- //使用rem 来进行适配 -->
<body>
   <!-- 头部 -->
   <header>
    <div class="img">
        <a href="javascript:;">
            <img src="../images/header_logo.png" alt="">
        </a>
    </div>

    <div class="app">
        <a href="javascript:;">
            <img src='../images/header_app.png' alt="">
        </a>
    </div>
</header>

<!-- 搜索 -->
<section class="search">
    <input type="search" name="" id="sou" placeholder="请输入您想比价的商品">
    <button id="souBtn">搜索</button>
</section>
<!-- 首页导航 -->
<section class="nav">
    <ul class="navlis">

    </ul>
</section>
<!-- 产品列表 -->
<section class="discount">
    <div class="discHead">
        <h4>超值折扣推荐</h4>
        <a href="javascript:;" class="more"></a>
    </div>

    <div class="discBody">
        <ul>

        </ul>
        </div>

        <div class="discFoot">
            <button class="moreMes">更多优惠信息 >></button>
        </div>

</section>
<!-- 底部 -->
<footer>
    <ul class="footNav">
        <li>
            <a href="javascript:;">首页</a>
        </li>
        <li>
            <a href="javascript:;">列表</a>
        </li>
        <li>
            <a href="javascript:;">返回</a>
        </li>
    </ul>
    <div class="footCentent">
        <p>
            手机APP下载 万峰智慧商城 -- 掌上比价平台
        </p>
        <p>chst.vip:8081/crm</p>
    </div>
</footer>
</body>

</html>
<script src='http://code.jquery.com/jquery-3.6.0.min.js'></script>
<script src="../js/common.js"></script>
<script src="../js/index1.js"></script>